import React, { Component } from 'react';
import { Scroller, Touchable,Carousel,Toast } from '$yo-component';
import Header from '$component/header/index.js';
import yoHistory from '$common/history';
import './index.scss';
import {Link} from '$router';

class HomePage extends Component {
    
    render() {
        return (
            <div className="yo-flex">
            
				   {this.props.children}
                
                    <ul className="yo-tab yo-tab-view" style={{height:60}}>
                  
                        <li className="item item-y-ico item-on">
                            <i className="yo-ico iconfont icon-jineng" style={{lineHeight:0,color:"yellow"}}></i>
                            <Link to='/' activeClassName='active' style={{display:"block",marginTop:34,color:"yellow"}}>技能</Link>
                        </li>
                        <li className="item item-y-ico item-on">
                            <i className="yo-ico iconfont icon-xiangmu" style={{lineHeight:0,color:"blue"}}></i>
                            <Link to='/card/item' activeClassName='active' style={{display:"block",marginTop:34,color:"blue"}}>项目</Link>
                        </li>
                        <li className="item item-y-ico item-on">
                            <i className="yo-ico iconfont icon-gongzuojingli" style={{lineHeight:0,color:"green"}}></i>
                            <Link to='/express' activeClassName='active' style={{display:"block",marginTop:34,color:"green"}}>经历</Link>
                        </li>
                        <li className="item item-y-ico item-on">
                            <i className="yo-ico iconfont icon-wode" style={{lineHeight:0,color:"pink"}}></i>
                            <Link to='/my' activeClassName='active' style={{display:"block",marginTop:34,color:"pink"}}>我的</Link>
                        </li>
                        
                    </ul>
                
            </div>
        )
    }
}

export default HomePage;
